<%@ page language="C#" autoeventwireup="true" inherits="visitordata, App_Web_supvbhfv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title></title>
	<style>
	.head-sec
	{
	color: #fff!important;
    background-color: #4CAF50!important;
	}
	.row
	{
	 margin-right: 0px !important; 
     margin-left: 0px !important;
	}
	
	
	body{
	background: #e5e5e5ad !important;
	}
	.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
@media (min-width: 0px) and (max-width: 520px) { 
.temp
{
  margin-top:10px !important;
  font-size:24px !important;
}

}
	</style>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
<body>
    <form id="form1" runat="server">
     <div class="head-sec">
   <div class="container-fluid">
   <div class="row">
    <h2>Visitor Information</h2>
	<h4>Add your Details !</h4>
   </div>
   </div>
   </div>
   
   <!-----form section---->
   <div class="container">
   <div class="row" style="margin-top:15px;">
   <div class="col-lg-3"></div>
   <div class="col-lg-6">
     <div class="panel panel-primary">
      <div class="panel-heading" style="background-color: #4CAF50!important; font-size:20px;">Add Details</div>
      <div class="panel-body">
	  <div class="row">
	  <div class="col-lg-4">
     
      <asp:Image ID="Image1" runat="server"   class="img-fluid" Height="135px" 
                   Width="161px" ToolTip="Photo"/>
      </div>
	  <div class="col-lg-8"><h2 style="margin-top:55px;" class="temp">Temperature : <b><asp:Label ID="Temp_In_Celsius" runat="server" Text=""></asp:Label></b></h2></div>
	  </div><br>
	  <div class="row">
	  <label>Name :</label>

       <asp:TextBox ID="txtName" runat="server"  class="form-control"></asp:TextBox>

	 
	  </div>
	  <div class="row">
	  <label>Phone :</label>
	  

      <asp:TextBox ID="no" runat="server" class="form-control"></asp:TextBox>
	  </div>
       <div class="row">
	  <label>Confirm Email :</label>
	  

      <asp:TextBox ID="txtemail" runat="server" class="form-control"></asp:TextBox>
	  </div>
	  <div class="row">
	  <label>Address :  </label>
	 

    <asp:TextBox ID="txtaddress" runat="server" class="form-control"></asp:TextBox>

	  </div><br>
	  <div class="row" style="text-align:center">
	  <%--<input type="button" value="Save" class="btn btn-success" style="padding: 10px 50px;font-size: 17px;font-weight: 600;"/>--%>

      <asp:Button ID="Button1" runat="server" Text="Save"  class="btn btn-success" 
              style="padding: 10px 50px;font-size: 17px;font-weight: 600;" 
              onclick="Button1_Click" />

	  </div>
	  
	  </div>
    </div>
   </div>
   <div class="col-lg-3"></div>
   </div>
   </div>
    </form>

        <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

</body>
</html>
